<!doctype html>
<html lang="{{ config('app.locale') }}">
<head>
    @include('web.layout.head')
    <link rel="stylesheet" href="{{mix('/css/web/index.css')}}">
    <script src="{{mix('/js/web/index/scrollbar.js')}}"></script>
    <link rel="stylesheet" href="{{mix('/css/web/news/news.css')}}">
    <link rel="stylesheet" href="{{mix('/css/web/find/message.css')}}">
    <title>新闻列表</title>
</head>
<body>
@include('web.layout.header_proscenium')
@include('web.layout.main_header')
@include('web.layout.main_header_nav')
<div class="help-wrap">
    <div class="w1200">
        <div class="w12000" style="color:#fff;position: relative; float: left;">
            <div class="ipt-nav por ">
                <div class="index_yjfl fl">
                    <ul>
                        @if(isset($info['categorieslist']))
                            @foreach($info['categorieslist'] as $key => $value)
                                <li class="tu ban_img{{$key+1}}" ><a rel="nofollow" target='_blank' href="{{asset('/product/product_list/'.array_get($value,'id'))}}">{{array_get($value,'name')}}<font></font></a> <div style="clear: both;"></div></li>
                            @endforeach
                        @endif
                    </ul>
                </div>

                @if(isset($info['categorieslist']))
                    @foreach($info['categorieslist'] as $key => $value)
                        <div class="nav-list scrollBox" id="scrollBox{{$key+1}}">
                            <!-- 套数据的时候  id后面的数字  请自增1 -->
                            <div id="scrollObj{{$key+1}}" class="scrollObj">
                                <div class="con f-cb">
                                    <div class="left">
                                        @if(isset($value['second_list']))
                                            @foreach($value['second_list'] as $key_o => $value_o)
                                                <div class="box f-cb">
                                                    <span><a target='_blank' href="{{asset('/product/product_list/'.array_get($value_o,'id'))}}" rel="nofollow">{{array_get($value_o,'name')}}</a></span>
                                                    <ul>
                                                        @if(isset($value_o['three_list']))
                                                            @foreach($value_o['three_list'] as $key_t => $value_t)
                                                                <li><a rel="nofollow" target='_blank' href="{{asset('/product/product_list/'.array_get($value_o,'id').'?categories_data[id]='.array_get($value_t,'id').'&categories_data[name]='.array_get($value_t,'name').'&attrs_data=&order=&brand_id=&sale_price=&second_cat='.array_get($value_o,'id').'&third_cat=')}}">{{array_get($value_t,'name')}}</a></li>
                                                            @endforeach
                                                        @endif
                                                    </ul>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="scrollBar" id="scrollBar{{$key+1}}">
                                <!-- 套数据的时候  id后面的数字  请自增1 -->
                                <div class="scrollBtn" id="scrollBtn{{$key+1}}"></div>
                            </div>
                        </div>
                    @endforeach
                @endif

            </div>
            <!-- 热销排行 -->
            {{--<div class="fl left-news-wrap">--}}
            {{--<div class="left-hotlist">--}}
            {{--<h4>热销排行</h4>--}}
            {{--<ul>--}}
            {{--<li>--}}
            {{--<a href="" class="fl img"><img src="http://ejing-files-uploads.oss-cn-hangzhou.aliyuncs.com/upload/image/u4fnlg3mx1p968jcvksd1523874262.jpg" alt=""></a>--}}
            {{--<div class="fl cont">--}}
            {{--<a  href="" class="name">视频监控设备厂家推荐视频监控设备厂家推荐视频监</a>--}}
            {{--<span class="pri">￥33.11</span>--}}
            {{--</div>--}}
            {{--</li>--}}
            {{--<li>--}}
            {{--<a href="" class="fl img"><img src="http://ejing-files-uploads.oss-cn-hangzhou.aliyuncs.com/upload/image/u4fnlg3mx1p968jcvksd1523874262.jpg" alt=""></a>--}}
            {{--<div class="fl cont">--}}
            {{--<a  href="" class="name">推荐视频监控设备厂家推荐视频监控设备厂家推荐</a>--}}
            {{--<span class="pri">￥1132.11</span>--}}
            {{--</div>--}}
            {{--</li>--}}
            {{--</ul>--}}
            {{--</div>--}}
            {{--</div>--}}
        </div>
        <div class="fr right-news-wrap">
            <h3>新闻资讯</h3>
            <div class="mess_table" style="width:auto;">
                @if(!empty($list))
                    @foreach($list as $key=>$value)
                        <ul class="tit1">
                            <li class="biaoti1"><a href="{{asset('news')}}/{{$value['id']}}" target="_blank">{{$value['title']}}</a></li>
                        </ul>
                    @endforeach
                @else
                    <ul class="tit1">
                        <li class="biaoti1" style="text-align: center;width: 100%!important;">暂无数据</li>
                    </ul>
                @endif
            </div>
            <div class='page'>
                @include('web.common.paginate')
            </div>
        </div>
    </div>
</div>
@include('web.layout.footer_ware1')

<script type="text/javascript">
    $(function(){


        $('.tu').mouseenter(function () {
            var index = $(this).index();
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').eq(index).css('visibility', 'visible');
            $('.nav-list').css('z-index', '3');
            $(this).addClass('cur').siblings().removeClass('cur');
        })
        $('.nav-list').mouseenter(function (event) {
            $(this).css('visibility', 'visible');
            $('.nav-list').css('z-index', '3');

        });
        $('.nav-list').mouseleave(function () {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        })
        $('.wu-f').mouseleave(function () {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        })

        $('.ipt-nav').mouseleave(function (event) {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        });
    })
</script>
<script type="text/javascript">
    $(function(){
        //八大类 鼠标浮动过去展示
        new ImitateScroll("scrollBox1", "scrollObj1", "scrollBar1", "scrollBtn1");
        new ImitateScroll("scrollBox2", "scrollObj2", "scrollBar2", "scrollBtn2");
        new ImitateScroll("scrollBox3", "scrollObj3", "scrollBar3", "scrollBtn3");
        new ImitateScroll("scrollBox4", "scrollObj4", "scrollBar4", "scrollBtn4");
        new ImitateScroll("scrollBox5", "scrollObj5", "scrollBar5", "scrollBtn5");
        new ImitateScroll("scrollBox6", "scrollObj6", "scrollBar6", "scrollBtn6");
        new ImitateScroll("scrollBox7", "scrollObj7", "scrollBar7", "scrollBtn7");
        new ImitateScroll("scrollBox8", "scrollObj8", "scrollBar8", "scrollBtn8");
        new ImitateScroll("scrollBox9", "scrollObj9", "scrollBar9", "scrollBtn9");
        new ImitateScroll("scrollBox10", "scrollObj10", "scrollBar10", "scrollBtn10");
    })
</script>
</body>
</html>
